<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="framework/css/style.css" type="text/css">
<script src="framework/js/trhover.js" type="text/javascript"></script>
<style type="text/css">
table {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
}

table td {
	border: 2px solid #C7D0D7;
	text-align: center;
	color: #4C5154;
	font-family: Arial;
	font-size: 14px;
	padding: 5px
}
</style>
<script type="text/javascript" src="framework/js/city.js"></script>
</head>

<body>
	<c:if test="${requestScope.pagebean==null}">
		<c:redirect url="listUserPrepare_acc" />
	</c:if>

	<p align="center">
	<form action="searchUser_acc" method="post">
		<label>输入姓名：</label><input type="text" name="user.name" /> <label>选择您的城市：</label><select
			id="province" name="user.province" onchange="loadCity();">
			<option value="">--请选择省份--</option>
		</select> <select id="city" name="user.city">
			<option value="">--请选择城市--</option>
		</select> <input type="submit" value="搜索" />
	</form>
	<table class="datalist" width="95%">
		<tr>
			<td width="20%">姓名</td>
			<td width="13%">性别</td>
			<td width="17%">手机号</td>
			<td width="15%">QQ号</td>
			<td width="10%">省份</td>
			<td width="10%">城市</td>
		</tr>
		<c:forEach var="user" items="${request.pagebean.list}">
			<tr>
				<td>${user.name}</td>
				<td>${user.sex}</td>
				<td>${user.phone}</td>
				<td>${user.qq}</td>
				<td>${user.province}</td>
				<td>${user.city}</td>
			</tr>
		</c:forEach>
	</table>
	<br> ${pagebean.pageToolBar }
	<br>
</body>
</html>